<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style lang="scss">
#app{
  height: 100%;
  width: 100%;
}
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.container{
  width: calc(100% - 40px);
  margin: 0px auto;
  height: calc(100% - 120px);
  background: #fff;
   overflow: scroll;
}
.title{
  color: #4a4a4a;
  line-height: 40px;
  padding-left: 20px;
  font-size: 14px;
  font-weight: bold;
}
.el-input, .el-input__inner {
  width: 150px !important;
}
.el-date-editor{
  float: left;
}
.el-input{
    margin: 10px 0px;
    margin-left: 20px;
    margin-right: 20px;
}
.el-button{
  margin: 10px 20px;
}
.el-table{
  margin: 20px; 
  width: calc(100% - 40px) !important;
 
}
</style>
